<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>小猪出生</title>
    <link href="../static/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <link href="../static/font-awesome/css/font-awesome.css?v=4.3.0" rel="stylesheet">
    <link href="../static/css/animate.css" rel="stylesheet">
    <link href="../static/css/style.css?v=2.2.0" rel="stylesheet">

</head>
<body class="top-navigation">
	 <div id="wrapper">
        <div id="page-wrapper" class="gray-bg">
            <div class="row border-bottom white-bg">
                <nav class="navbar navbar-static-top" role="navigation">
                    <div class="navbar-header">
                        <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                            <i class="fa fa-reorder"></i>
                        </button>
                        <a href="index_4.html#" class="navbar-brand">PIE</a>
                    </div>
                    <div class="navbar-collapse collapse" id="navbar">
                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a aria-expanded="false" role="button" href="Farm_navigation.html"> 返回主页</a>
                            </li>
                        </ul>
                        <ul class="nav navbar-top-links navbar-right">
                            <li>
                                <a href="login.html">
                                    <i class="fa fa-sign-out"></i> 退出
                                </a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
            
               
            <div class="middle-box text-center loginscreen   animated fadeInDown">
				<div>
					<div>

                		<h3 class="">小猪出生</h3>

            		</div>
					
					<form class="m-t" role="form" action="login.html">
						<div class="form-group">
						    <input type="password" class="form-control" placeholder="标号" required="">
						</div>
						<div class="form-group" >
						    <input id="hello" style="width:100%" class="laydate-icon form-control layer-date" placeholder="出生日期">
						</div>
						<div class="form-group draggable">
						    <div class="">
						        <select class="form-control" name="">
						            <option>品种1</option>
						            <option>品种2</option>
						            <option>品种3</option>
						            <option>品种4</option>
						        </select>
						    </div>
						</div>
						<div class="form-group draggable">
						    <div class="">
						        <select class="form-control" name="">
						            <option>雌</option>
						            <option>雄</option>
						        </select>
						    </div>
						</div>
						<div class="form-group">
						    <input type="password" class="form-control" placeholder="出生体重" required="">
						</div>
						
						
						<button type="submit" class="btn btn-primary block full-width m-b">提交</button>
						
						
					</p>	
					</form>
				</div>
			</div>
                

            
            <div class="footer">
                <div class="pull-right">
                    By：<a href="http://www.zi-han.net" target="_blank">zihan's blog</a>
                </div>
                <div>
                    <strong>Copyright</strong> H+ &copy; 2014
                </div>
            </div>

        </div>
    </div>
     <!-- Mainly scripts -->
     <script src="../static/js/jquery-2.1.1.min.js"></script>
     <script src="../static/js/bootstrap.min.js?v=3.4.0"></script>

     <!-- layerDate plugin javascript -->
     <script src="../static/js/plugins/layer/laydate/laydate.js"></script>
     <script>
         //外部js调用
         laydate({
             elem: '#hello', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
             event: 'focus' //响应事件。如果没有传入event，则按照默认的click
         });

         //日期范围限制
         var start = {
             elem: '#start',
             format: 'YYYY/MM/DD hh:mm:ss',
             min: laydate.now(), //设定最小日期为当前日期
             max: '2099-06-16 23:59:59', //最大日期
             istime: true,
             istoday: false,
             choose: function (datas) {
                 end.min = datas; //开始日选好后，重置结束日的最小日期
                 end.start = datas //将结束日的初始值设定为开始日
             }
         };
         var end = {
             elem: '#end',
             format: 'YYYY/MM/DD hh:mm:ss',
             min: laydate.now(),
             max: '2099-06-16 23:59:59',
             istime: true,
             istoday: false,
             choose: function (datas) {
                 start.max = datas; //结束日选好后，重置开始日的最大日期
             }
         };
         laydate(start);
         laydate(end);
     </script>


</body>
</html>








